<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link href="../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../css/manageS.css"/>
	</head>
	<body>
		<!--
           	作者：13616045651@163.com
           	时间：2017-04-01
           	描述：添加、删除客户数据；
            	添加，跳转到添加客服页面；（addC）
            	删除，提交操作记录，等待管理员通过执行
        -->
		<div class="operate">
			<button type="button" class="btn btn-default" onclick="addS()">添加Add</button>
			<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal">删除Delete</button>
		</div>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-02
        	描述：客服信息数据表，
        		点击客服ID，跳转到客服操作记录页面（checkS）
        		点击客户数，跳转到该客服的客户信息页面（CIfor）
        		点击修改信息，跳转到客服的信息更新页面（updataS）
        -->
		<div class="panel panel-default">
			<div class="panel-heading">客服信息表</div>
				<table class="table table-hover">
					<tr>
						<th><input type="checkbox" name="serviceID" id="serviceID" /></th>
						<th>客服ID</th>
						<th>职位</th>
						<th>待跟进</th>
						<th>添加客户</th>
						<th>聊天记录上传</th>
						<th>添加活动</th>
						<th></th>
						<th></th>
					</tr>
					<tr>
						<td><input type="checkbox" name="serviceID" id="serviceID" /></td>
						<td><a href="checkS.html">张三</a></td>
						<td>战士</td>
						<td>88</td>
						<td>888</td>
						<td>88888</td>
						<td>888</td>
						<td><a href="CIfor.html">客户数<span class="badge">4255</span></a></td>
						<td><a href="../updata/updataS.html">修改信息</a></td>
					</tr>
					<tr>
						<td><input type="checkbox" name="serviceID" id="serviceID" /></td>
						<td><a href="checkS.html">张三</a></td>
						<td>战士</td>
						<td>88</td>
						<td>888</td>
						<td>88888</td>
						<td>88</td>
						<td><a href="CIfor.html">客户数<span class="badge">425</span></a></td>
						<td><a href="../updata/updataS.html">修改信息</a></td>
					</tr>
					<tr>
						<td><input type="checkbox" name="serviceID" id="serviceID" /></td>
						<td><a href="checkS.html">张三</a></td>
						<td>战士</td>
						<td>88</td>
						<td>888</td>
						<td>88888</td>
						<td>888</td>
						<td><a href="CIfor.html">客户数<span class="badge">425555</span></a></td>
						<td><a href="../updata/updataS.html">修改信息</a></td>
					</tr>
				</table>
			</div>
		</div>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-02
        	描述：翻页控件
        -->
		<div class="page">
		 <nav aria-label="Page navigation">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
		</div>

		<!--
        	作者：13616045651@163.com
        	时间：2017-04-01
        	描述：备忘录和管理员密码验证 模态框
        -->
		</div>
				<div>
			<button id="btnM" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
			 	 Launch demo modal
			</button>
		</div>
		

		<!-- Modal -->
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
		      </div>
		      <div class="modal-body">
		        <form>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">MangerKEY：</label>
		            <input type="text" class="form-control" name="MangerKEY">
		          </div>
		        </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-primary">提交</button>
		      </div>
		    </div>
		  </div>
		</div>

		
		
		<!-- Modal -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
		      </div>
		      <div class="modal-body">
		        <form>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">客户ID：</label>
		            <input type="text" class="form-control" name="Cid">
		          </div>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">提醒时间：</label>
		            <input type="date" class="form-control" name="warnTime" min="">
		          </div>
		          <div class="form-group">
		            <label for="message-text" class="control-label">具体事项：</label>
		            <textarea rows="4" class="form-control" name="Content"></textarea>
		          </div>
		        </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-primary">提交</button>
		      </div>
		    </div>
		  </div>
		</div>
	</body>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <script src="../../js/system.js" type="text/javascript" charset="utf-8"></script>
</html>
